@CHARSET "UTF-8";
.demoHeaders {
	margin-top: 2em;
}

*{
	list-style: none;	
}

body{
	background-image:url("../img/bg.jpg");
}

#mainPage{
	position: inherit;
    width:1100px;
    min-height: 800px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
	width: 1000px;
	
}

div{
/* 	border: 1px solid #125; */
	border-radius: 8px;
}

.login{
	height: 40px;
	width: auto;
/* 	border: 1px solid #ccc; */
	background-color: rgba(99,99,99,.4);
	border-radius: 10px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
}


#loginForm{
	float:right;
}

.fieldIN {
	height: 20px;
	width:150px;
	border-radius:8px;
	margin-top:5px;
	
}

#topPage{
	margin-top:10px;
	height: 60px;
	width: auto;
/* 	border: 1px solid #ccc; */
	background-color: rgba(99,99,99,.5);
	border-radius: 10px;
	padding-left:10px;
	padding-top: 5px;
		
}

#contentPage{
	width:1000px;
	margin-top:10px;
	min-height: 500px;
	max-height: 2000px;
	height: auto;
}


#slideshow img{
	border-radius:8px;
}

#slideshow{
	
	margin-top:10px;
    width:1000px;
    height:240px;
    /*padding: 0px;*/
    background-color:#E0E0E0;
    /*border: 1px solid #ccc;*/
}

/* .box{ */
/* 	padding: 1px 0; */
/* } */
/* .box-inner{ */
/* 	height:350px; */
/* 	margin:25px 24px 0; */
/* 	padding-right: 2px;	 */
/* } */

div.box{
	width:690px !important;
	width /**/:690px;
    height:200px !important;
    height /**/: 200px;
    overflow:auto;
    padding: 4px;
    border:1px solid #EEE;
    border-right:0 solid;
    background:url(gradient.png) repeat-x fixed top left
}

#content{
	padding-left:10px;
	float:left;
	width:690px;
	min-height:400px;
/* 	height:auto; */
	height:400px;
	background-color:#E0E0E0;
    background-color: rgba(255,250,255,.6); 
}


.accordion {
	float:right;
	min-width: 290px;
	max-width: 300px;
	min-height:409px;
	height:auto;
	
	background: rgba(215,69,24,.6);
	padding-top:2px;
	text-decoration: none;
	font-size: 15px;
	cursor: pointer;
	color:#fff;
}


.accordion ul.default{
		
}

.accordion ul{
	list-style:none;
/* 	display:none; */
	margin:0;
	padding-top:10px;
	padding-left: 3px;
}

.accordion li:hover{
	background-color:#FFF8DC;
}

.accordion ul a li{
	text-align:center;
	text-decoration:none;
	color: black;
	padding-top:10px; 
}

.accordion a{
	text-decoration:none;
	color:black;
}
.accordion li{
	text-decoration:none;
	color:black;
	display:block;
	height:20px;
	width:280px;
	
	border-radius:4px;
	background-color:#6495ED;
	
	font-size: 15px;
	padding-bottom: 10px;
	margin:2px;
	color:#fff;
}

#signupForm{
	display:table;
	widht:200px;
	color:black;	
	padding-top: 20px;
	padding-left:10px;
	font-size: 18px;
}

.signup{
	color:blue;
	font-size:20px;
	padding-top:0px;
	padding-left:5px;
}


#accountData{
	background-color: rgba(255,250,255,.6);
	float:left;
	width: auto;
	min-width: 700px;
	height: 30px;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#accountFunction{
	height:30px;
	float:right;
	margin-top: 5px;
	padding-top: 10px;
}

#topPage a {
	margin: 5px;
}

.button{
	border-radius:4px;
	text-decoration: none;
	font-size: 16px;
	padding:4px;
	background-color: #6495ED;
}

#accountLogOut{
	background-color: #FF8C00;
}

#accountLogOut:hover{
	background-color: #DC143C ;
}

.button:HOVER {
	background-color: #FFF8DC;
}

.error {
	color: red;
	font-size: 14px;
	background-color: rgba(255,250,255,.6);
}
#signupForm .error {
	color: blue;
}

.marker{
	font-weight:bold;
	font-size: medium;
	color: blue;
}

.right{
	float:right;
}
	
.center{
	position: absolute;
	left: 20%;
}

.left{
	float: :left;
}

